<template>
    <div>
        <div class="index-content">
            <div style="flex:1 0 100%">
                <Suspense> <!-- 异步组件 -->
                    <template #default>
                        <chinaMap width="100%" height="800px" />
                    </template>
                </Suspense>
            </div>
        </div>
    </div>
</template>

<script setup>
import chinaMap from './chinaMap.vue'
import { onMounted, ref, reactive, getCurrentInstance } from 'vue';
const main = ref(null)

const { proxy } = getCurrentInstance();

onMounted(async () => {
    // console.log(proxy.$api);
    // const res = await proxy.$api.mapApi.list({ a: 123 })
    // console.log(res);
})

</script>

<style scoped>
.index-content {
    display: flex;
    justify-content: space-between;
}
</style>